﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="RBOSS.WebUI.Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style>
        .product-item {
            float: left;
            height:215px;
        }

            .product-name {
                text-align: center;
                width: 170px;
            }
            .product-name a{
                
                font-weight:normal;                
                font-family: arial,verdana,helvetica,sans-serif;
                color: #996633;
            }
            a:visited {
                color: blue;
                }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <% foreach (var product in Products)
       {
    %>
    <div class="product-item">
        <a href='ProductDetailsForm.aspx?id=<%=product.ProductId %>'><img src="<%=product.Image %>" height="150px" /></a>
        <div class="product-name">
            <a href='ProductDetailsForm.aspx?id=<%=product.ProductId %>'><%=product.ProductName %></a>
            <br /><span style="color:blue font-size:16px; font-weight:bold;">$<%=product.Price %></span>
        </div>
    </div>

    <%
       } %>
</asp:Content>
